// components/cell/index.js
Component({
  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  },

  /**
   * 组件的属性列表
   */
  properties: {
    title: { // 左侧标题
      type: String,
      value: ''
    },
    titleWidth: { // 标题宽度，须包含单位
      type: String,
      value: ''
    },
    value: { // 右侧内容
      type: String,
      value: ''
    },
    label: { // 标题下方的描述信息
      type: String,
      value: ''
    },
    leftIcon: { // 左侧图标
      type: String,
      value: ''
    },
    rightIcon: { // 右侧图标
      type: String,
      value: ''
    },
    border: { // 是否显示下边框
      type: Boolean,
      value: true
    },
    center: { // 是否使内容垂直居中
      type: Boolean,
      value: false
    },
    titleSlot: { // 自定义title显示内容，如果设置了title属性则不生效
      type: Boolean,
      value: false
    },
    labelSlot: { // 自定义label显示内容，如果设置了label属性则不生效
      type: Boolean,
      value: false
    },
    valueSlot: { // 自定义value显示内容，如果设置了value属性则不生效
      type: Boolean,
      value: false
    },
    clickable: { // 点击反馈
      type: Boolean,
      value: false
    }
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {

  }
})
